@charset "utf-8";
/*Importing the Form CSS*/
@import url(form.css);

/* CSS Document */
body{
	color: #000000;
   /* background-color: white;*/
    background-image: url("../img/bg_body.gif");
    font-size: 13px;
    font-family: Verdana,Arial,sans-serif;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

html, body {
    margin: 0px;
    padding: 0px;
    width: 100%;
}

#page {
}

#page #header {
    background-color:#3A3939;
	background-image: url("../img/menubar/menubar_bg.gif");
	background-repeat: repeat-x;
/*	background-color:#900;*/
    color:#FFF;
	height:80px;
}

#page #page-info-bar {
  background-color:#1C1C1C;
    font-size: 12px;
    font-family: Verdana,Arial,sans-serif;
    overflow: hidden;
    padding: 8px;
}

#page #page-info-bar  span{
       color: white;
       float: right;
       font-size: 12px;
       font-style: italic;
       font-weight: bold;
       margin-right: 30px;
       width: 25%;
}

#page #page-info-bar #pagename {
    font-size: 15px;
    font-weight: bold;
    margin-left: auto;
    margin-right: auto;
    width: 980px;
    padding: 8px;
}

#page #content-wrapper {
    background-color: white;
    /*background-image: url("../img/bg_body.gif");*/
	border:1px solid #ddd;
	position: relative; /* to avoid the IE peekabo bug*/
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 10px ;
	width: 90%;
	min-height: 320px;
	padding:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}

#page #content-wrapper #content-header {
    background-color: #FFF;
    font-size: 18px;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-weight: bold;
    padding: 5px;
    width: 50%;
    margin-bottom: 5px;
    text-transform: capitalize;
    display: block;
}
/******************* BreadCrumps ******************/

#page #content-wrapper #page-content-header {
  /*  position: relative;
	margin-bottom: 10px;
	min-height: 15px;
	border-width: 1px;
	border-style: solid;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	border: 1px solid #4171B5;
	padding: 6px;
	color: #00407F;
	background-color: #E5EDF9;*/
}


.trailbox {
	clear: both;
	position: relative;
	left: 0px;
	right: 0px;
	padding: 0px 1% 0px 1%;
	margin-bottom: 10px;
	color: #444444;
	background-color: #f2f2f2;
	border-top: 1px solid white;
	border-bottom: 1px solid #dcdcdc;
	height: 26px;
    font-family: arial, verdana, helvetica, sans-serif;
    font-size: 13px;
    font-weight: bolder;
}


.trailbox ul,.breadcrumbtrail li {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.breadcrumbtrail {
	float: left;
	height: 26px;
	overflow: hidden;
}

.breadcrumbtrail li {
	float: left;
	line-height: 26px;
	padding-left: 10px;
	color: #777;
}

.breadcrumbtrail li a {
	display: block;
	padding: 0 5px 0 0;
	background: url(../img/background_breadcrumb.png) no-repeat;
	right center;
	color: #444444;
    text-decoration: none;
}

.breadcrumbtrail li a:hover {
	color: #D15600;
    text-decoration: none;
}

.breadcrumbtrail li a:active {
	color: #fa8500;
	outline: none;
    text-decoration: none;
}


/***************************************************/

#page #content {
    width: 100%;
    overflow:hidden;
}

#page #content #main {
	float: left;
    width: 100%;
    /*padding: 5px;
    border: solid #e5e5e5 1px;*/
    background-color: #FFF;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
    position: relative;
}

#page #content #main-1 {
    padding: 5px;
    border: solid #e5e5e5 1px;
    background-color: #FFF;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}

#page #content #nav {
    float: left;
    
    border: solid #e5e5e5 1px;
    background-color: #FFF;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
    /* margin-right: 10px; */
    font-size:  12px;
}

#page #content #nav .nav_group {
    
  margin-right: 15px;
  
}

/*
#page #content #nav .nav_header {
  font-family: Verdana,Arial,sans-serif;
  font-size: 12px;
  font-weight: bold;
  border-bottom: solid #eee 1px;
  padding-top: 20px;
}

#page #content #nav .nav_group .header {
  color:#333;
  font-size: 12px;
  font-weight: bold;
  padding: 5px;
  border-bottom: solid #eee 1px;
/*      cursor: pointer;
  }

#page #content #nav .nav_group .header:hover {
  color: #900;
}

#page #content #nav .nav_group .content {
  font-family: Verdana,Arial,sans-serif;
  font-size: 12px;
  padding: 0px;
  overflow: hidden;
}

#page #content #nav .nav_group .content a {
  font-family: Verdana,Arial,sans-serif;
  font-size: 12px;
  text-decoration:none;
}

#page #content #nav .nav_group .content a:active {
  background-color: #D8D8D8;
}

#page #content #nav .nav_group .content ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

#page #content #nav .nav_group .content li {
  list-style: none;
  margin: 0px;
  padding: 5px;
}

#page #content #nav .nav_group .content li:hover { background-color: #C8C8C8; }
*/

#page #logo-header{
    font-size: 20px;
    font-family:Tahoma, Geneva, sans-serif;
    font-weight: bold;
	margin-left: 5px;
    text-transform:none;
    /*color: #454545;
    text-shadow: 1px 1px 3px #666, -1px -1px 3px #fff, 1px 1px #666, -1px -1px #fff;*/
}

#page .white_light {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color:#FFFFFF;
}

#page .white_light a {
	color: #FFFFFF;
}

#page .white_light a:hover {
	color:#FF6;
}



#content-pane{
	box-sizing: border-box;
    display: table;
    width: 100%;
    border-spacing: 3px;
    border-collapse: separate;
    font-family: Verdana,Arial,sans-serif;
    font-size: 12px;
}
/*
#content-pane a{
    margin-left: 5px;
    margin-right: 5px;
    color: blue;
	text-decoration:underline;
}*/

.pane-header {
    font-weight:bold;
    font-size: 12px;
    font-family: Verdana,Arial,sans-serif;
    font-weight: bold;
    color: #333;
    background-color: #FAF9F8;
    padding: 5px;
    margin-bottom: 2px;
    border-bottom: solid #d5d5d5 1px;
    border-top: solid #d5d5d5 1px;
    border-right: solid #d5d5d5 1px;
    border-left: solid #d5d5d5 1px;
    position: relative;
    text-decoration: none;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}

.inner-page-header {
    font-weight:bold;
    font-size: 15px;
    font-family: Verdana,Arial,sans-serif;
    font-weight: bold;
    color: #333;
    background-color: #E5EDF9;
    padding: 5px;
    margin-bottom: 2px;
    border-bottom: solid #d5d5d5 1px;
    border-top: solid #d5d5d5 1px;
    border-right: solid #d5d5d5 1px;
    border-left: solid #d5d5d5 1px;
    position: relative;
    text-decoration: none;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}

#content-pane .pane-sub-header, #member-ui .pane-sub-header {
    font-size: 12px;
    font-family: Verdana,Arial,sans-serif;
    /*color: #FFF;*/
    background-color: #F8F7F3;
    padding: 5px;
    margin-bottom: 2px;
    border-bottom: solid #ccc 1px;
    border-top: solid #ccc 1px;
    border-right: solid #ccc 1px;
    border-left: solid #ccc 1px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}

#member-ui .pane-sub-header {
       font-weight: bold;
}

#content-pane .pane-sub-header a{
    margin-left: 5px;
    margin-right: 5px;
    color: #000;
	text-decoration:none;
      font-size: 13px;
      font-weight: bold;
}

#content-pane .pane-sub-footer {
    font-size: 12px;
    font-family: Verdana,Arial,sans-serif;
    background-color: #F8F7F3;
    padding: 5px;
    margin-bottom: 2px;
    border-top: solid #ccc 1px;
    border-bottom: solid #ccc 1px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}

 #content-pane .pane-sub-footer a {
    margin-left: 5px;
    margin-right: 5px;
    color: #000;
	text-decoration:none;
}

#content-pane .pane-sub-footer a:hover {
    color: #069;
}

div.disabled {
       display: inline;
       float: none;
       clear: none;
       color:gray;
}
#content-pane .pane-sub-header a {
    margin-left: 5px;
    margin-right: 5px;
/*    color: #000;
	text-decoration:none;*/
}

dl {
	line-height: 2em;
	margin: 0em 0em;
	width: 100%;
}
dl .altrow {
	background: #f4f4f4;
}
dt {
	padding-left: 4px;
	vertical-align: top;
      margin-bottom: 5px;
}
dd {
	margin-left: 20em;
	margin-top: -2em;
	vertical-align: top;
}

#content-pane .pane-sub-header a:hover {
    color: #069;
}

#add-window{
    width: 100%;
/*    display: table-cell;*/
    border: solid #d5d5d5 1px;
    position: relative;
}

.layout-pane{
    display: table;
    box-sizing: border-box;
    width: 100%;
    border-spacing: 3px;
    border-collapse: separate;
    font-family: Verdana,Arial,sans-serif;
    font-size: 11px;
    position: relative;
    overflow: hidden;
}

#page #footer {
    margin-left: auto;
    margin-right: auto;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    text-align:center;
    padding: 10px;
    clear: both;
    overflow: visible;
    border-top: solid #BBB 1px;
/*	background: #1C8DD7;
/*	color: #fff;*/
}
/*
.row {
	color: #0DAEE4;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-position: left center;
	background-repeat: no-repeat;
	padding: 4px;
}
*/
.row-1 {
	color: #000000;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-position: left center;
	background-repeat: no-repeat;
	padding: 4px;
}

.row-2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-position: left center;
	background-repeat: no-repeat;
	padding: 4px;
}

.sectionTitle2 {
	color: #FFFFFF;
	font-weight: bold;
	font-family: Tahoma, "Trebuchet MS", Arial;
	font-size: 18px;
	background-position: left center;
	background-repeat: no-repeat;
	padding: 3px;
}

.sectionTitle3 {
	color: #600;
	font-weight: bold;
	font-family: Tahoma, "Trebuchet MS", Arial;
	font-size: 12px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E1DED5;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 0px;
	text-transform: uppercase;
}

.nice_header {
    background-color:#0DAEE4;
	background-image: url("../img/menubar/menubar_bg.gif");
	background-repeat: repeat-x;
/*
    background-color:#900;*/
    font-size: 13px;
    font-family: Tahoma, Geneva, sans-serif;
    font-weight: bold;
    color: white;
}


.sectionText1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: justify;
	line-height: 16px;
	/*border-right: 1pt dashed #C8DBEE;*/
}

#message-box, #message-box2, #help-box{
       display: none;
}
/*Top links*/
.top-links{
	font-size: 13px;
    font-family: bold arial, verdana, helvetica, sans-serif;
    font-weight: bold;
    color: white;
}

/*Login form */
#login-form-container{
	position: relative;
	margin-right: auto;
	margin-left: auto;
	margin-top: 100px;
	margin-bottom: 100px;
    width: 300px;
    padding: 15px;
    border: solid #999999 2px;
    background-color: #F9FCF8;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}

#login-form-container .login-title{
	background-color: #1C1C1C;
	font-size: 13px;
    font-family: bold arial, verdana, helvetica, sans-serif;
    font-weight: bold;
	color:#FFFFFF;
}

#login-form-container .row{
	margin-bottom: 20px;
}


/*End of Login form */

/*Top Header Content*/

#page #header #navigation{
       float:right;
       width: 30%;
	   padding-top:25px;

}

#page #header #title{
       float:left;
       height: 41px;
       width: 40%;
       margin-left: 60px;
	   padding-top:30px;

}
#page #header #navigation .left{
       float:left;
       height: 41px;
       width: 5px;
}

#page #header #navigation .right{
       float:right;
       height: 41px;
       width: 5px;
}

#page #header #navigation ul, #page #header #navigation ul li{
       float:left;
/*       line-height: 38px;*/
       display: table-cell;
       list-style: none;
       margin-left: 20px;
       margin-right: 0px;
       padding: 0px;
       font-weight: bold;
}

#page #header #navigation ul, #page #header #navigation ul li a:link{
       color :#ffffff
}

#page #header #navigation ul, #page #header #navigation ul li a:visited{
       color :#ffffff
}

#page #header #navigation ul, #page #header #navigation ul li a:hover{
       color :#f3840d
}

/* the following for regular <a> elements */
a:link {
	font-family:Tahoma, Geneva, sans-serif;
	text-decoration: none;
	color :#000066
}
a:visited {
	font-family:Tahoma, Geneva, sans-serif;
	text-decoration: none;
	color : #3757f7;
}
a:hover {
	font-family:Tahoma, Geneva, sans-serif;
	text-decoration: underline;
	color: #f3840d;
}
a:active {
	font-family:Tahoma, Geneva, sans-serif;
	text-decoration: none;
	color : #1C8DD7;

}

.alink_menu{
	cursor: pointer;
	background:url(../img/accordion_bg.png) repeat-x;
	font-weight:bold;
	color:#015287;
	border:1px solid #b2b2b2;
	/*margin-bottom:2px;
    margin-left: -2em;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;*/
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
    border-radius:4px;
	padding: 4px 8px;
}

/*Showing the loader when there is an ajax call*/
#loader_bar
{
    width:152px;
   	position:fixed;
    top: 0px;
    left: 50%;
    margin-left: -75px;  /***  width / 2   ***/
	height:auto;	
	z-index: 6000;
	/*background-color: #000000; */
	padding: 2px 10px 2px 10px; 
    -webkit-border-radius:0 0 5px 5px;
	-moz-border-radius:0 0 5px 5px;
	border-radius:0 0 5px 5px;
   /* opacity: 0.75;
	filter: alpha(opacity=0.75);*/
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(25%, rgba(245,245,245,1)), color-stop(85%, rgba(201,201,201,1)));/* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(245,245,245,1) 25%,rgba(201,201,201,1) 85%); /* Chrome10+,Safari5.1+ */
    background: -moz-linear-gradient(top , rgba(255,255,255,1) 0%, rgba(245,245,245,1) 25%, rgba(201,201,201,1) 85%);  /* FF3.6+ */
    background: -o-linear-gradient(top , rgba(255,255,255,1) 0%, rgba(245,245,245,1) 25%, rgba(201,201,201,1) 85%);  /* Opera11.10+ */
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(245,245,245,1) 25%, rgba(201,201,201,1) 85%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c9c9c9',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, rgba(255,255,255,1) 0%, rgba(245,245,245,1) 25%, rgba(201,201,201,1) 85%); /* W3C */
    text-shadow:0px 2px 1px #fff;
    border-left:1px solid #b2b2b2;
    border-right:1px solid #b2b2b2;
    border-bottom:1px solid #b2b2b2;
}

#loader_bar #content{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
    color:#5d5d5d;
}

#loader_bar #content #gif{
    float: left;
    margin-right: 15px;
    opacity: 1;
	filter: alpha(opacity=1);
}

#loader_bar #content #mesg{
    float: right;
    opacity: 1;
	filter: alpha(opacity=1);
}

/*Showing the feedbasck bar when there is an ajax Call Completion*/
#feedback_bar
{
	position:fixed;
	bottom:0;
	width:100%;
	opacity: 0;
	filter: alpha(opacity=0);
	z-index: 1000;
}

.warning_message
{
	text-align:center;
	background-color:#fffcdd;
	border:1px solid #fff4aa;
	font-weight:bold;
}

.error_message
{
	text-align:center;
	background-color:#f68383;
	border:1px solid #da3232;
	font-weight:bold;
}

.success_message
{
	text-align:center;
	background-color:#bbe4ff;
	border:1px solid #2ca71c;
	font-weight:bold;
}

.color-block{
/*	margin:12px auto; */
	padding:8px 8px 8px 8px;
	-webkit-border-radius:8px;
    -moz-border-radius:8px;
	border-radius:8px;
	-webkit-box-shadow:0 0 7px #000;
    -moz-box-shadow: 0 0 7px #000;
    box-shadow: 0 0 7px #000;
	font-size:15px;
    font-weight: bold;
	color:#666;
	text-shadow:0 2px 0 #fff;
	background:#fff;
}
.color-block .inside{
	text-align:center;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(16%, rgba(255,255,255,1)), color-stop(37%, rgba(248,248,248,1)), color-stop(63%, rgba(231,231,231,1)), color-stop(73%, rgba(231,231,231,1)));/* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 16%,rgba(248,248,248,1) 37%,rgba(231,231,231,1) 63%,rgba(231,231,231,1) 73%); /* Chrome10+,Safari5.1+ */
    background: -moz-linear-gradient(top , rgba(255,255,255,1) 16%, rgba(248,248,248,1) 37%, rgba(231,231,231,1) 63%, rgba(231,231,231,1) 73%);  /* FF3.6+ */
    background: -o-linear-gradient(top , rgba(255,255,255,1) 16%, rgba(248,248,248,1) 37%, rgba(231,231,231,1) 63%,rgba(231,231,231,1) 73%);  /* Opera11.10+ */
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 16%, rgba(248,248,248,1) 37%, rgba(231,231,231,1) 63%,rgba(231,231,231,1) 73%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e7e7e7',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, rgba(255,255,255,1) 16%, rgba(248,248,248,1) 37%, rgba(231,231,231,1) 63%,rgba(231,231,231,1) 73%); /* W3C */
	-webkit-border-radius:8px;
    -moz-border-radius:8px;
	border-radius:8px;
	padding:10px 0 12px;
}
.color-block .ico{
	position:absolute;
	left:50%;
	top:-23px;
}
.color-block-1{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(2%, rgba(212,69,26,1)), color-stop(33%, rgba(192,50,21,1)), color-stop(52%, rgba(170,30,15,1)), color-stop(77%, rgba(159,18,13,1)));/* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(212,69,26,1) 2%,rgba(192,50,21,1) 33%,rgba(170,30,15,1) 52%,rgba(159,18,13,1) 77%); /* Chrome10+,Safari5.1+ */
    background: -moz-linear-gradient(top , rgba(212,69,26,1) 2%,rgba(192,50,21,1) 33%,rgba(170,30,15,1) 52%,rgba(159,18,13,1) 77%);  /* FF3.6+ */
    background: -o-linear-gradient(top , rgba(212,69,26,1) 2%,rgba(192,50,21,1) 33%,rgba(170,30,15,1) 52%,rgba(159,18,13,1) 77%);  /* Opera11.10+ */
    background: -ms-linear-gradient(top, rgba(212,69,26,1) 2%,rgba(192,50,21,1) 33%,rgba(170,30,15,1) 52%,rgba(159,18,13,1) 77%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4451a', endColorstr='#9f120d',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, rgba(212,69,26,1) 2%,rgba(192,50,21,1) 33%,rgba(170,30,15,1) 52%,rgba(159,18,13,1) 77%); /* W3C */
	border-top:2px solid #ff5922;
}
.color-block-2{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(2%, rgba(54,201,38,1)), color-stop(33%, rgba(48,168,35,1)), color-stop(52%, rgba(45,161,35,1)), color-stop(77%, rgba(42,143,33,1)));/* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(54,201,38,1) 2%,rgba(48,168,35,1) 33%,rgba(45,161,35,1) 52%,rgba(42,143,33,1) 77%); /* Chrome10+,Safari5.1+ */
    background: -moz-linear-gradient(top , rgba(54,201,38,1) 2%,rgba(48,168,35,1) 33%,rgba(45,161,35,1) 52%,rgba(42,143,33,1) 77%);  /* FF3.6+ */
    background: -o-linear-gradient(top , rgba(54,201,38,1) 2%,rgba(48,168,35,1) 33%,rgba(45,161,35,1) 52%,rgba(42,143,33,1) 77%);  /* Opera11.10+ */
    background: -ms-linear-gradient(top, rgba(54,201,38,1) 2%,rgba(48,168,35,1) 33%,rgba(45,161,35,1) 52%,rgba(42,143,33,1) 77%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#36c926', endColorstr='#2a8f21',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, rgba(54,201,38,1) 2%,rgba(48,168,35,1) 33%,rgba(45,161,35,1) 52%,rgba(42,143,33,1) 77%); /* W3C */
	border-top:2px solid #44fe30;
   
}
.color-block-3{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(2%, rgba(233,200,14,1)), color-stop(33%, rgba(224,185,11,1)), color-stop(52%, rgba(207,156,3,1)), color-stop(77%, rgba(199,146,0,1)));/* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(233,200,14,1) 2%,rgba(224,185,11,1) 33%,rgba(207,156,3,1) 52%,rgba(199,146,0,1) 77%); /* Chrome10+,Safari5.1+ */
    background: -moz-linear-gradient(top , rgba(233,200,14,1) 2%,rgba(224,185,11,1) 33%,rgba(207,156,3,1) 52%,rgba(199,146,0,1) 77%);  /* FF3.6+ */
    background: -o-linear-gradient(top , rgba(233,200,14,1) 2%,rgba(224,185,11,1) 33%,rgba(207,156,3,1) 52%,rgba(199,146,0,1) 77%);  /* Opera11.10+ */
    background: -ms-linear-gradient(top, rgba(233,200,14,1) 2%,rgba(224,185,11,1) 33%,rgba(207,156,3,1) 52%,rgba(199,146,0,1) 77%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9c80e', endColorstr='#c79200',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, rgba(233,200,14,1) 2%,rgba(224,185,11,1) 33%,rgba(207,156,3,1) 52%,rgba(199,146,0,1) 77%); /* W3C */
   	border-top:2px solid #fffa13;
}
.color-block-1 .ico{
	width:34px;
	height:32px;
	margin:10px 0 0 -20px;
	background:url(../img/ico-47_small.png) no-repeat;
}
.color-block-2 .ico{
    width:34px;
	height:32px;
	margin:10px 0 0 -20px;
	background:url(../img/ico-48_small.png) no-repeat;
}
.color-block-3 .ico{
    width:34px;
	height:32px;
	margin:10px 0 0 -20px;  
	background:url(../img/ico-46_small.png) no-repeat;
}


/** Message Popup Ends*/


#page .config-pane{
}

#page .config-pane #config-details-box {
	float: left;
    width: 40%;
    padding: 5px;
    border: solid #e5e5e5 1px;
    background-color:#F9FCF8;
    margin-right: 5px;
  	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}

#page .config-pane #config-address-box {
    float: left;
    width: 40%;
    padding: 5px;
    border: solid #e5e5e5 1px;
    background-color: #F9FCF8;
     margin-right: 5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}

#page .config-pane #config-actions-buttons {
    float:left;
    width: 15%;
    padding: 5px;
/*    border: solid #e5e5e5 1px;
    background-color: #F9FCF8;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;*/
}

#page .config-pane #config-actions-buttons  button{
       font-weight: bold;
       width: 100%;
      /* border: solid #e5e5e5 1px;*/
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}

.highlight{
       font-weight:bold;
       background-color: #bbe4ff;
	border:1px solid #2ca71c;
}

.highlight-1{
       font-weight:bold;
	background-color:#f68383;
	border:1px solid #da3232;
	font-weight:bold;
}

#member-photo{
       float:right;
       width:50%;
       border: solid #e5e5e5 1px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}

.info-data{
       border: solid #e5e5e5 1px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
      padding: 5px;
}


/************  DashBoard ************************/

.dashboard-container{
    width:70%;
    position: relative; /* to avoid the IE peekabo bug*/
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 10px ;  
}

.dashboard-content{
    padding: 10px;
    width:100%;
    font-size: 14px;
}
/*
.dashboard-content div{
    padding: 10px;
    margin: 10px;  
}

.dashboard-content table a{
}

.dashboard-content table a:hover{
    border: outset #e5e5e5 2px;
	background-color:#DFF4FF;
    text-decoration: none;
}

.dashboard-content a.dashboard-cell{
   border: solid #e5e5e5 2px;
   padding: 10px;
   	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}*/

.dash_btn{
    width:138px;
    float:left;
    margin:0 2px 7px 3px;
}
.dash_btn.active .icon{
   /* background:url(../img/bg-icon-active.png) no-repeat;*/
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(0%, rgba(234,234,234,1)), color-stop(0%, rgba(191,191,191,1))));/* Chrome,Safari4+ */
   background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(234,234,234,1) 0%,rgba(191,191,191,1) 0%); /* Chrome10+,Safari5.1+ */
   background: -moz-linear-gradient(top , rgba(255,255,255,1) 0%,rgba(234,234,234,1) 0%,rgba(191,191,191,1) 0%);  /* FF3.6+ */
   background: -o-linear-gradient(top , rgba(255,255,255,1) 0%,rgba(234,234,234,1) 0%,rgba(191,191,191,1) 0%);  /* Opera11.10+ */
   background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(234,234,234,1) 0%,rgba(191,191,191,1) 0%); /* IE10+ */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#bfbfbf',GradientType=0 ); /* IE6-9 */
   background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(234,234,234,1) 0%,rgba(191,191,191,1) 0%); /* W3C */
}
.dash_btn.active .link{
   /* background:url(../img/bg-link-active.png) no-repeat 0 100%; */
   background: -webkit-gradient(linear, left top, left bottom, color-stop(41%, rgba(17,17,17,1)), color-stop(71%, rgba(24,24,24,1)), color-stop(100%, rgba(31,31,31,1))));/* Chrome,Safari4+ */
   background: -webkit-linear-gradient(top, rgba(17,17,17,1) 41%,rgba(24,24,24,1) 71%,rgba(31,31,31,1) 100%); /* Chrome10+,Safari5.1+ */
   background: -moz-linear-gradient(top , rgba(17,17,17,1) 41%,rgba(24,24,24,1) 71%,rgba(31,31,31,1) 100%);  /* FF3.6+ */
   background: -o-linear-gradient(top , rgba(17,17,17,1) 41%,rgba(24,24,24,1) 71%,rgba(31,31,31,1) 100%);  /* Opera11.10+ */
   background: -ms-linear-gradient(top, rgba(17,17,17,1) 41%,rgba(24,24,24,1) 71%,rgba(31,31,31,1) 100%); /* IE10+ */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#111111', endColorstr='#181818',GradientType=0 ); /* IE6-9 */
   background: linear-gradient(top, rgba(17,17,17,1) 41%,rgba(24,24,24,1) 71%,rgba(31,31,31,1) 100%); /* W3C */
   
   border-bottom: solid #ff6000 3px;   
}
.dash_btn .icon{
    width:134px;
    margin:0 auto;
    height:92px;
    -webkit-box-shadow:0 2px 2px 2px #3a5066;
    -moz-box-shadow: 2px 2px 2px #3a5066;
    box-shadow: 2px 2px 2px #3a5066;
    -webkit-border-radius:5px 5px 0 0;
    -moz-border-radius:5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    
    background: -webkit-gradient(linear, left top, left bottom, color-stop(41%, rgba(255,255,255,1)), color-stop(71%, rgba(234,234,234,1)), color-stop(100%, rgba(191,191,191,1))));/* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 41%,rgba(234,234,234,1) 71%,rgba(191,191,191,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -moz-linear-gradient(top , rgba(255,255,255,1) 41%,rgba(234,234,234,1) 71%,rgba(191,191,191,1) 100%);  /* FF3.6+ */
    background: -o-linear-gradient(top , rgba(255,255,255,1) 41%,rgba(234,234,234,1) 71%,rgba(191,191,191,1) 100%);  /* Opera11.10+ */
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 41%,rgba(234,234,234,1) 71%,rgba(191,191,191,1) 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#bfbfbf',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, rgba(255,255,255,1) 41%,rgba(234,234,234,1) 71%,rgba(191,191,191,1) 100%); /* W3C */

}
.dash_btn .icon .holder {
    display:table;
    text-align:center;
    width:134px;
}
.dash_btn .icon .holder a{
    width:100%;
    height:92px;
    vertical-align:middle;
    display:table-cell;
    vertical-align:middle;
}
.dash_btn .link{
    height:53px;
    width:134px;
    margin:0 0 0 2px;
    vertical-align:middle;
    text-align:center;
    text-shadow:-1px 1px 2px #212121;
    font-size:14px;
    font-weight:bold;
    -webkit-box-shadow:0 2px 3px 1px #2b3d4b;
    -moz-box-shadow: 2px 3px 1px #2b3d4b;
    box-shadow: 2px 3px 1px #2b3d4b;
    -webkit-border-radius:0 0 5px 5px;
    -moz-border-radius:0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(41%, rgba(77,77,77,1)), color-stop(71%, rgba(49,49,49,1)), color-stop(100%, rgba(47,47,47,1))));/* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(77,77,77,1) 41%,rgba(49,49,49,1) 71%,rgba(47,47,47,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -moz-linear-gradient(top , rgba(77,77,77,1) 41%,rgba(49,49,49,1) 71%,rgba(47,47,47,1) 100%);  /* FF3.6+ */
    background: -o-linear-gradient(top , rgba(77,77,77,1) 41%,rgba(49,49,49,1) 71%,rgba(47,47,47,1) 100%);  /* Opera11.10+ */
    background: -ms-linear-gradient(top, rgba(77,77,77,1) 41%,rgba(49,49,49,1) 71%,rgba(47,47,47,1) 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d4d4d', endColorstr='#2f2f2f',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, rgba(77,77,77,1) 41%,rgba(49,49,49,1) 71%,rgba(47,47,47,1) 100%); /* W3C */
}
.dash_btn .link .holder{
    width:134px;
    display:table;
}
.dash_btn .link a{
    width:100%;
    height:53px;
    color:#fff;
    display:table-cell;
    vertical-align:middle;
}
.dash_btn .icon img{
    display:block;
    margin:0 auto;
}


/************************************* **/

/* Table Zebra Row highlighting*/
.table_zebra { 
  background-color: #F8F7F3;
}

.table_zebra_clicked { 
  background-color: #D8D8D8;
}

tr.table_zebra_hover {
  background-color: #C8C8C8;
  cursor: pointer;
}

/*End of DashBoard*/

/*** Nav Menus ***/

.menu_block{
    border: solid #e5e5e5 1px;
    padding: 10px;
   	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}

#accordion {

}
#accordion li{
	cursor: pointer;
	background:url(../img/accordion_bg.png) repeat-x;
	font-weight:bold;
	color:#015287;
	border:1px solid #b2b2b2;
	margin-bottom:2px;
    margin-left: -2em;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
    border-radius:4px;
	padding: 4px 8px;
}

#accordion li.active{
	color:#D15600
}
#accordion li ul{
	padding:0;
	margin:10px 0 0 0;
}

#accordion li ul li{
	margin:10px 0 0 1px;
}

#accordion li.active li{
	text-indent:0;
}
#accordion li li{
	font-weight: normal;
	background:none;
	border:0;
}

#config-details-box{
    border:1px solid #b2b2b2;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
    border-radius:5px;
}

/*End of  Nav Menus*/


.fine-border {
	border:1px solid #ddd;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}

.dashed-border {
	border:1px dashed #ddd;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}


.faux-head {
  position: absolute;
  z-index: 100;
  background-color: #fff;
  list-style-type: none;
  margin: 0;
  padding: 0;

}

.faux-head li {
  float: left;
  color: #D15600;
  border-bottom:2px solid #015287;
  color:#D15600;
  font-size:14px;
  font-weight:normal;
  padding:3px 8px;
  text-align:left;
  margin: 0;
}

/********************* Search *************************/

#search-form-container{
	position: relative;
	margin-right: auto;
	margin-left: auto;
	margin-top: 30px;
	margin-bottom: 100px;
    width: 65%;
    padding: 15px;
    border: solid #999999 2px;
    background-color: #F9FCF8;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}

#search-form-container .search-title{
	background-color: #1C8DD7;
	font-size: 13px;
    font-family: bold arial, verdana, helvetica, sans-serif;
    font-weight: bold;
	color:#FFFFFF;
}

#search-form-container .row{
	margin-bottom: 20px;
}

/********************* END Search *************************/


/********************* WELFARE *************************/

.profile-content .left{
	margin-right: 20px;
    width: 20%;
    padding: 5px;
    border: dashed #999999 1px;
    -webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
    float: left;
}

/* the following for regular <a> elements */

.profile-content .left a{
	font-family:Tahoma, Geneva, sans-serif;
	text-decoration: none;
	color :#000066;
    margin-left: 10px;
}

.profile-content .left a:hover {
	font-family:Tahoma, Geneva, sans-serif;
	text-decoration: underline;
	color: #f3840d;
}

.profile-content .left a:active {
	font-family:Tahoma, Geneva, sans-serif;
	text-decoration: none;
	color : #1C8DD7;

}


.profile-content .right{    
    width: 75%;
    padding: 5px;
    border: dashed #999999 1px;
    -webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
    float: left;
}

.profile-content .right .tableholder{ 
    padding: 5px;
    position: relative;
	margin-right: auto;
	margin-left: auto;
}


/********************* END WELFARE *************************/


/********************* Recently Used *************************/

.recent-used-container{
   width: 90%;
   margin-left: auto;
   margin-right: auto;      
}

.recent-used-container .recent-link-item{
    background: #E5EDF9;
    height: 20px;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    padding-top: 5px;
    color: #000000;
    margin-bottom: 5px;
    -webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px; 
}

.recent-used-container .recent-link-item a{
    color: #000000;
}

/********************* End of Recently Used *************************/


/********************* Property Form *************************/

.form-window{}

.form-window .content{
    width: 100%; 
    margin: 30px 20px 10px 20px ; 
    /*border: 1px solid #0066FF;*/
}

.form-window .content .row{
    margin-bottom: 6px;
}

.form-window .content .row .label{
    width: 40%; 
    float: left; 
    padding-top: 4px;
}

.form-window .content .row .data{
     
}
/********************* End of Property Form *************************/

/************* Custom Table Styling ************************/
.data_table {
	border-collapse: collapse;
	padding: 5px;
}

.data_table thead {
    font-size: 12px; 
    font-family: Verdana,Arial,sans-serif; 
    color: #FFF;
	background-color: #1C1C1C;
}

.data_table th {
	padding-right: 12px;
	border: 1px solid gray;
}

.data_table tr.row_odd {
	background-color: #F2F2F2;
}
.data_table tr.row_odd:hover, .data_table tr.row_even:hover {
	background-color: #E5EDF9;
}
.data_table tr.row_even {
	background-color: #fff;
}
.data_table td {
	padding: 5px;
	vertical-align: top;
	border-bottom: 1px solid #b0b0b0;
	border-right: 1px dotted #e1e1e1;
	border-left: 1px dotted #e1e1e1;
}